import { defineConfig } from 'unocss';
import { presetApplet } from 'unocss-applet';

export default defineConfig({
  presets: [presetApplet()],
  rules: [
    [
      'line-1',
      {
        display: '-webkit-box',
        overflow: 'hidden',
        'text-overflow': 'ellipsis',
        // 'text-overflow': '-o-ellipsis-lastline',
        '-webkit-line-clamp': 1,
        'line-clamp': 1,
        '-webkit-box-orient': 'vertical',
      },
    ],
    [
      'line-2',
      {
        display: '-webkit-box',
        overflow: 'hidden',
        'text-overflow': 'ellipsis',
        // 'text-overflow': '-o-ellipsis-lastline',
        '-webkit-line-clamp': 2,
        'line-clamp': 2,
        '-webkit-box-orient': 'vertical',
      },
    ],
    ['flex-2', { flex: 2 }],
    ['flex-3', { flex: 3 }],
    ['flex-4', { flex: 4 }],
    ['flex-5', { flex: 5 }],
    ['flex-6', { flex: 6 }],
  ],
});
